
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-family: microsoft yahei;
}

.is-fixed-nav-top {
    padding-top: 45px;
}

.is-fixed-nav-botm {
    padding-bottom: 45px;
}

#header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #CD235C;
    padding: 0;
    color: #eee;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

#footer {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 35px;
    background: #fff;
    padding: 0;
    color: #eee;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #e3e3e3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.footer {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47px;
    background: #F8F8F8;
    padding: 0;
    color: #eee;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #e3e3e3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 7px;
}

.footer a {
    color: #787878;
}

.tab_item {
    border-left: solid #e3e3e3 1px;
    display: table-cell;
    text-align: center;
    /*height: 60px;*/
    /*padding-top: 10px;*/
}

.tab_item span {
    color: #272636;
    /*padding-top: 18px;*/
}

.recruit_time {
    color: #a8a8a8;
}

code {
    font-size: 80%;
}

.job_item {
    border-bottom: solid #efefef 1px;
    padding: 10px 5px 10px 5px;
}

.job_view {
    padding-top: 5px;
}

.recruit_title {
    color: #272636;
    text-overflow: ellipsis;
    font-size: large;
    overflow: hidden;
    margin-bottom: 3px;
}

.company_name {
    color: #272636;
    font-size: small;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right_arr {
    min-height: 60px;
    background: url("../../images/weixin/icon/chevron-small-right.png") no-repeat 90% 50%;
}

/* 服务员 */
.recruit_type_attendant {
    background: url("../../images/weixin/icon/icon5.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 0px;
    background-size: 49px 49px;
}

/* 客服 */
.recruit_type_customer_service {
    background: url("../../images/weixin/icon/icon9.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 0px;
    background-size: 49px 49px;
}

/* 传单 */
.recruit_type_chuandan {
    background: url("../../images/weixin/icon/icon6.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 0px;
    background-size: 49px 49px;
}

/* 促销 */
.recruit_type_promotion {
    background: url("../../images/weixin/icon/icon7.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 0px;
    background-size: 49px 49px;
}

/*TODO:ace[by chen] 完善 "实习生" job类型的css*/
/*加实习*/
.recruit_type_shixi {
    background: url("../../images/weixin/icon/icon8.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 1px #05dcfc solid;
    background-size: 49px 49px;
}

.recruit_type_others {
    background: url("../../images/weixin/icon/other.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 1px #666363 solid;
    background-size: 49px 49px;
}

/* Pull down styles */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -ms-touch-action: none;
}

body, ul, li {
    padding: 0;
    margin: 0;
    border: 0;
}

ul {
    list-style: none;
}

button.submit {
    margin-top: 15px;
}

#wrapper {
    position: absolute;
    z-index: 1;
    top: 48px;
    bottom: 40px; /* Not a must - can be 0 - but it makes the appearance of the content a bit nicer */
    width: 100%;
    background: #ccc;
    overflow: hidden;
}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#scroller ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}

#scroller li {
    /*padding: 0 10px;*/
    /*height: 80px;*/
    /*line-height: 80px;*/
    /*border-bottom: 1px solid #ccc;*/
    /*border-top: 1px solid #fff;*/
    background-color: #fafafa;
    font-size: 14px;
}

.pullDownLabel, .pullUpLabel {
    color: #999
}

.pullDown, .pullUp {
    background: #fff;
    height: 40px;
    line-height: 35px;
    font-weight: bold;
    font-size: 0.8em;
    color: #888
}

.pullDown .pullDownIcon, .pullUp .pullUpIcon {
    display: block;
    float: left;
    opacity: 0.4;
    width: 40px;
    height: 40px;
    background: url("../images/weixin/icon/pull-icon@2x.png") 0 0 no-repeat;
    -webkit-background-size: 40px 80px;
    -ms-background-size: 40px 80px;
    background-size: 40px 80px;
    -webkit-transition-property: -webkit-transform;
    -ms-transition-property: -webkit-transform;
    -webkit-transition-duration: 250ms;
    -ms-transition-duration: 250ms
}

.pullDown .pullDownIcon {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0)
}

.pullUp .pullUpIcon {
    -webkit-transform: rotate(-180deg) translateZ(0);
    -ms-transform: rotate(-180deg) translateZ(0)
}

.pullDown.flip .pullDownIcon {
    -webkit-transform: rotate(-180deg) translateZ(0);
    -ms-transform: rotate(-180deg) translateZ(0)
}

.pullUp.flip .pullUpIcon {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0)
}

.pullDown.loading .pullDownIcon, .pullUp.loading .pullUpIcon {
    background-position: 0 100%;
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    -webkit-transition-duration: 0ms;
    -ms-transition-duration: 0ms;
    -webkit-animation-name: loading;
    -ms-animation-name: loading;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -ms-animation-timing-function: linear
}

.salary {
    padding-top: 10px;
    padding-bottom: 10px;
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg) translateZ(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0)
    }
}

@-ms-keyframes loading {
    from {
        -ms-transform: rotate(0deg) translateZ(0)
    }
    to {
        -ms-transform: rotate(360deg) translateZ(0)
    }
}

/*8.22改*/
.con_01 {
    margin-top: 25%;
}

.dpink {
    background-color: #CD235C;
    border-color: #CD235C;
    width: 80%;
    margin: 20px auto 0px;
}

.dpink_2 {
    background-color: #CD235C;
    border-color: #CD235C;
}

.dpink:hover, .dpink:active, .dpink_1:hover, .dpink_2:hover {
    background-color: #eb417a;
    border-color: #eb417a;
}

.new_log {
    font-size: 20px;
    width: 92px;
    margin: 0 auto 15px;
    display: block;
}

.input1 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.form-control:focus {
    border-color: #FCB5CD;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1 pxrgb(242, 147, 179), 0 0 8px rgb(242, 147, 179));
    box-shadow: inset 0 1px 1px rgb(242, 147, 179), 0 0 8px rgb(242, 147, 179)
}

.regis {
    margin-top: 25%;
}

.input2 {
    margin-left: 31.5%;
    width: 80%;
    margin-bottom: 10px;
}

.btn1 {
    margin-left: 0px;
    background: #f6f4f5;
}

.pa_lef {
    padding-left: 0px;
}

.pa_rig {
    padding-right: 25px;
}

.gray_b {
    width: 80%;
    margin: 0 auto;
    background: #f6f4f5;
}

.gray_b a {
    color: #000;
}

.gray_b a:hover {
    text-decoration: none;
}

.width_80 {
    width: 70%;
    margin: 0 auto 8px;
}

.space-line {
    clear: both;
}

.col-md-offset-4 p {
    width: 60px;
    float: right;
}

.col-md-offset-4 {
    width: 90%;
    margin-top: 8px;
}

.div_2 {
    text-align: left;
    border-radius: 0px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    padding-left: 10px;
    color: #464646;
    border-top: 10px solid #EDEDED;
    margin-top: 20px;
}

.div_2:active, .div_2:hover, .bar_code:active {
    background: #F5F5F5;
}

.bar_code {
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 8px;
    border-bottom: 10px solid #EDEDED;
}

.img_rig_icon {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.btn-xs a:hover {
    text-decoration: none;
}

.salary img, .date img, .quantity_all img {
    padding-right: 3px;
    vertical-align: sub;
    height: 16px;
}

.address img {
    vertical-align: sub;
    height: 16px;
    padding-right: 2px;
}

.job_icon, .job_li, .right_all {
    float: left;
}

.job_icon {
    width: 16%;
    margin-left: 3%;
}

.job_li {
    width: 55%;
    margin-left: 1%;
    vertical-align: middle;
}

.right_all {
    width: 22.5%;
    margin-left: 1%;
    margin-top: 4px;
    float: left;
}

.load_out {
    margin-top: 15px;
}

.p_display {
    display: none;
}

.tab_item span {
    font-size: 16px;
    font-weight: normal;
}

.recruit_title a {
    font-size: 16px;
    color: #333333;
}

.date, .quantity_all, .address {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 50%;
    font-size: 12px;
    color: #999;
}

.list_foot {
    padding-top: 9px;
}

.quantity_all {
    padding-left: 3%;
    padding-right: 1.5%;
}

.label1, .label2, .label3 {
    border-radius: 3px;
    font-size: 10px;
    color: #FFF;
    padding: 1px;
    margin-right: 5px;
}

.label1 {
    background: #eb417a;
}

.label2 {
    background: #faa41c;
}

.label3 {
    background: #3db0f1;
}

.salary {
    float: left;
    padding-top: 18px;
    padding-bottom: 0px;
    width: 100%;
    padding-left: 5px;
    font-size: 10px;
    color: #999;
}

.job_li {
    float: left;
}

.rmb_b {
    font-size: 18px;
    font-weight: 100;
    color: #F00;
    font-style: italic;
}

/*覆盖success*/
.btn-success {
    color: #fff;
    background-color: #81cb81;
    border-color: #81cb81;
}

.top_10 {
    margin-top: 10px;
}

.btn-success:active, .btn-success:visited {
    color: #FFF;
}

.more_img {
    width: 100%;
}

.posi_a {
    position: absolute;
}

.title_line {
    padding-top: 5px;
    padding-bottom: 5px;
}

.detail_title {
    font-size: 18px;
    overflow: visible;
}

.col_2 {
    width: 20%;
    float: left;
    padding-left: 12px;
}

.col_5 {
    width: 50%;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
}

.col_3 {
    width: 30%;
    float: left;
    padding-left: 3%;
}

/*覆盖hr  p*/
hr {
    margin-top: 12px;
    margin-bottom: 12px;
    border: 0;
    border-top: 1px solid #eee;
}

.hr_1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

p {
    margin: 0 0 5px;
}

.row_1 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.con_posi {
    padding-left: 15px;
}

.addre_diwei {
    width: 70%;
}

.col_gray {
    color: #A4A4A4;
}

.detail_salary {
    padding-top: 0px;
}

.top_tip {
    font-size: 16px;
    color: #F76A99;
    border-left: 3px solid #8FC18F;
    padding-left: 5px;
    line-height: 18px;
}

.new_succe {
    padding: 3px 6px;
}

.img_left_icon {
    float: left;
}

.icon_posi {
    padding-top: 8px;
    padding-right: 5px;
    width: 30px;
}

.code_2 {
    text-align: center;
    margin-top: 15px;
    display: none;
}

.add_fl, .add_ri {
    float: left;
}

.div_2 a {
    color: #000;
    display: block;
    text-decoration: none
}

/*覆盖img*/
img {
    vertical-align: text-bottom;
}

.div_3 {
    text-align: left;
    border-radius: 0px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    padding-left: 10px;
    color: #464646;
}

.div_3 a, .bar_code {
    color: #000;
    display: block;
    text-decoration: none;
}

.div_3:active, .div_3:hover {
    background: #F5F5F5;
}

.code_2:hover, .code_2:active {
    background: #FFF;
}

/*9.2新增*/
.job_list_li a:hover {
    background: #ededed;
}

.job_list_li a {
    display: block;
}

/*goback*/
.return-top {
    position: fixed;
    background: url(../../images/weixin/icon/rrt.png) no-repeat;
    width: 32px;
    height: 32px;
    bottom: 50px;
    right: 20px;
    z-index: 5000;
    cursor: pointer;
    display: none
}

.return-topTo {
    bottom: 50px;
    right: 50px;
}

.tianstion {
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

/*goback   end*/

.width_100 {
    position: fixed;
    width: 100%;
    bottom: 0px;
    border-radius: 0px;
    height: 50px;
    font-size: 16px;
}

.detail_fixed {
    padding-bottom: 60px;
}

/*圆形css*/
.fwy, .fdy, .cxy, .kf, .sx, .qt {
    color: #FFF;
    border-radius: 53px;
    -webkit-border-radius: 53px;
    -moz-border-radius: 53px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-size: 12px;
}

/*服务员*/
.fwy {
    background: #f09056;
}

/*发单员*/
.fdy {
    background: #84BFF4;
}

/*促销员*/
.cxy {
    background: #EE9594;
}

/*客服*/
.kf {
    background: #A0A7F0;
}

/*实习*/
.sx {
    background: #F4D285;
}

/*其他*/
.qt {
    background: #A8DF8E;
}

.addre_diwei img {
    height: 16px;
}

.con {
    overflow: hidden;
    margin: 0px auto;
    width: 100%;
    height: 48px;
    margin-top: 0px;
    background-color: #EEEEEE;
}

/*9.19 7个日期，动作begin*/

.time-line {
    padding: 10px 0px;
    height: 47px;
    width: 100%;
    background: #fff;
    position: relative;
    overflow: auto;
}

.a0 {
    float: left;
    width: 80px;
    text-align: center;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    padding: 3px 8px;
    white-space: nowrap;
}

.a0:hover {
    text-decoration: none;
    color: #FFF;
}

.sel {
    background-image: linear-gradient(to bottom, #EF504D 0px, #EA3E3A 100%);
    background-repeat: repeat-x;
    color: #FFF;
    text-decoration: none;
}

.riqi2 {
    width: 768px;
    transform-origin: 0px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*9.19 7个日期，动作 end*/

